<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('日志详情')" />
</head>
<html>
<body class="gray-bg">
<div class="container-div">
    <div class="row" style="height: 350px;">
        <div class="col-sm-6" style="height: 350px;">
            <p style="font-size: 18px; font-weight: bold">执行图片：</p>
            <img th:src="'data:image/png;base64,'+${imgBase64}" class="img-thumbnail" with="100%">
        </div>

        <div class="col-sm-6" style="height: 350px;">
            <p style="font-size: 18px; font-weight: bold">执行日志：</p>
            <textarea type="text" name="executionLog" class="form-control" rows="20" style="width:100%; height:350px" th:text="${log.executionLog}" readonly></textarea>
        </div>
    </div>
    <div class="row" style="margin-top: 40px">
        <p style="font-size: 18px; font-weight: bold">执行步骤：</p>
        <div style="background-color: white">
    <table class="table table-striped table-bordered table-info">
        <thead>
        <tr>
            <th scope="col">步骤名称</th>
            <th scope="col">复制</th>
            <th scope="col">读取</th>
            <th scope="col">写入</th>
            <th scope="col">输入</th>
            <th scope="col">输出</th>
            <th scope="col">更新</th>
            <th scope="col">拒绝</th>
            <th scope="col">错误</th>
            <th scope="col">状态</th>
            <th scope="col">耗时</th>
            <th scope="col">速度</th>
        </tr>
        </thead>
        <tbody>

        <tr th:each="step:${steps}">
            <th th:text="${step.stepName}"></th>
            <th th:text="${step.copy}"></th>
            <th th:text="${step.linesRead}"></th>
            <th th:text="${step.linesWritten}"></th>
            <th th:text="${step.linesInput}"></th>
            <th th:text="${step.linesOutput}"></th>
            <th th:text="${step.linesUpdated}"></th>
            <th th:text="${step.linesRejected}"></th>
            <th th:text="${step.logErrors}"></th>
            <th th:text="${step.statusDescription}"></th>
            <th th:text="${step.logSeconds}"></th>
            <th th:text="${step.speed}"></th>
        </tr>
        </tbody>
    </table>
        </div>
    </div>
</div>
</body>

</html>